<template>
  <div style="background: #f3f5f9;">
    <div class="s_banner">
      <div class="header s_header">
        <router-link to="">
          <img src="@/assets/images/fh1.png" alt="">法律服务所名称</router-link>
      </div>
      <dl class="lss_jj"><dt><img src="@/assets/images/img01.jpg" alt=""></dt>
        <dd><p>盐城建湖东方律师事务所</p><span>0515-8887799</span><span>擅长领域：债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</span></dd>
      </dl>

    </div>
    <div class="main">
      <h1 class="bt">律师事务所简介</h1>
      <ul class="rz">
        <li><img src="@/assets/images/sm.png" alt="">实名认证</li>
        <li><img src="@/assets/images/zy.png" alt="">执业认证</li>
        <li><img src="@/assets/images/pt.png" alt="">平台认证</li>
      </ul>


      <div class="text-box">
        <div :class="['txt', { 'over-hidden': !unfold }]" ref="textBox">
          <span ref="spanBox">建湖广荣律师事务所（建湖总所）成立于2016年，系经江苏省司法厅批准设立的专业律师工作建湖广荣律师事务所（建湖总所）成立于2016年，系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作作。批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作作。</span>
        </div>    <!--{{content}}-->
        <div class="btn" v-if="ifOver" @click="unfold = !unfold">{{unfold ? '收起' : '展开全部内容'}}
        </div>
      </div>


<!--      <div class="xq">-->
<!--        <div class="article_dec">-->
<!--          <p class="p1">建湖广荣律师事务所（建湖总所）成立于2016年，系经江苏省司法厅批准设立的专业律师工作建湖广荣律师事务所（建湖总所）成立于2016年，系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作系经江苏省司法厅批准设立的专业律师工作作。</p>-->
<!--        </div>-->
<!--        <div class="unfold-field">-->
<!--          <div class="unflod-field__mask" style=""></div>-->
<!--          <a href="javascript:void(0)" rel="nofollow" class="new-style-test-unfold-text">展开全部内容<i></i></a></div>-->
<!--      </div>-->
    </div>
    <ul class="jj">
      <li><span>执业年限：</span>8年</li>
      <li><span>执业证号：</span>13979768678</li>
      <li><span>联系电话：</span><a href="tel:0515-89110991">0515-89110991<img src="@/assets/images/tel.png" alt=""></a></li>
      <li><span>联系地址：</span>盐城建湖东方律师事务所<img src="@/assets/images/dz.png" alt=""></li>
      <li><span>擅长领域：</span>债权债务,房产纠纷,合同纠纷,公司企业,企业法律顾问,婚姻家庭,劳动纠纷</li>


    </ul>
  </div>
</template>

<script>
export default {
  name: "text-box",
  data() {
    return {
      ifOver: false, // 文本是否超出三行，默认否
      unfold: false // 文本是否是展开状态 默认为收起
    };
  },
  // props: {
  //   content: {
  //     type: String,
  //     default: ""
  //   }
  // },
  mounted() {
    // 判断是否显示展开收起按钮
    this.ifOver = this.$refs.spanBox.offsetHeight > this.$refs.textBox.offsetHeight
  }
};


</script>
@import "../../assets/css/base.css";
@import "../../assets/css/other.css";


<style scoped>

</style>